@import '../../../../common/variables.less';

.config-panel {
  .el-tabs__item{
    padding: 0 15px;
  }
}

.panel-tab{
  .el-tabs__nav{
    margin-left: 20px;
  }
}

.visualComponents_theme_dark{
  .el-tabs {
    // 头部
    .el-tabs__nav-wrap {
      &::after {
        background-color: #203645;
      }

      .el-tabs__nav-scroll {
        .el-tabs__active-bar {
          background-color: @font_color_active_dark;
        }

        .el-tabs__item {
          color: @font_color_dark;

          &:hover {
            color: @font_color_active_dark;
          }
        }

        .is-active {
          color: @font_color_active_dark;
        }
      }
    }
  }

  .el-tabs--card{
    >.el-tabs__header {
      border-bottom: 1px solid @btn_cancel_bg_color_dark;
      .el-tabs__nav{
        border: 1px solid @btn_cancel_bg_color_dark;
        background-color: @darkThemeBgColor;
      }
      .el-tabs__item{
        border-left: 1px solid @btn_cancel_bg_color_dark;
        .el-icon-close:hover{
          background-color: @btn_cancel_bg_color_dark;
        }
        &.is-active{
          border-bottom-color: @btn_primary_border_color_dark;
        }
      }
    }
  }


  
}